<template>
	<view class="visit">
		<view class="page">
			<imgsBanner :imgList='imgList' :currentImg='currentImg'></imgsBanner>
		</view>
		<view class="box">
			<text>{{myInfo.name}}</text>
		</view>
		<view class="title in3line">
			<table border="1" style="width:100%;height: 50px; border: #e3e3e3;">
				<tr style="height:50px;">
					<td style="width: 155px;">
						<p>批发价</p>
					</td>
					<td>
						<p><se-spin style="color: red;">￥290.00</se-spin>/条</p>
					</td>

				</tr>
				<tr style="height:50px;">
					<td>
						<p>建议零售价</p>
					</td>
					<td>
						<p>￥350.00/条</p>
					</td>

				</tr>
			</table>
			<view class="box_1">
				<text class="two">{{myInfo.complete}}</text>
			</view>
			<table border="1" style="width:100%;height: 50px; border: #e3e3e3!important">
				<tr style="height:50px;">
					<td>
						<p>批发价</p>
					</td>
					<td>
						<p>烤烟型</p>
					</td>
			
				</tr>
				<tr style="height:50px;">
					<td>
						<p>焦油量</p>
					</td>
					<td>
						<p>8mg</p>
					</td>
			<tr style="height:50px;">
				<td>
					<p>烟气烟碱量</p>
				</td>
				<td>
					<p>9mg</p>
				</td>
						
			</tr>
			<tr style="height:50px;">
				<td>
					<p>一氧化碳量</p>
				</td>
				<td>
					<p>13mg</p>
				</td>
						
			</tr>
			<tr style="height:50px;">
				<td>
					<p>包条码</p>
				</td>
				<td>
					<p>123456789011123</p>
				</td>
						
			</tr>
			<tr style="height:50px;">
				<td>
					<p>条条码</p>
				</td>
				<td>
					<p>123456789011123</p>
				</td>
						
			</tr>
			<tr style="height:50px;">
				<td>
					<p>品牌拥有者</p>
				</td>
				<td>
					<p>浙江中烟工业公司</p>
				</td>
						
			</tr>
				</tr>
			</table>
			<view class="box_1">
				<text class="two">{{myInfo.todo}}</text>
			</view>
			<table border="1" style="width:100%;height: 50px; border: #CCCCCC;">
				<tr style="height:50px;">
					<td>
						<p>此模板是图文信息介绍，如品牌介绍，商品介绍等....</p>
					</td>
			
				</tr>
				
			</table>
		</view>
	</view>

</template>

<script>
	import imgsBanner from '../../components/imgsBanner-tag/imgsBanner-tag.vue'

	export default {
		components: {
			imgsBanner
		},
		data() {
			return {
				myInfo: {
					name: "贵烟(福)",
					complete: "基本参数",
					todo:"商品介绍",
				},
				imgList: [
					'../../static/p.png',
		

				],
				currentImg: 0, //当前默认选中
			};

		},
		methods: {
			// 数据初始化
			initData() {
				this.hasLogin = this.$mStore.getters.hasLogin;
				uni.setNavigationBarColor({
					frontColor: '#ffffff',
					backgroundColor: this.themeColor.color,
					animation: {
						duration: 400,
						timingFunc: 'easeIn'
					}
				});

			},

			navTo(route) {
				this.$mRouter.push({
					route
				});
			}
		}
	};
</script>

<style lang="scss" scoped>
	page {
		background-color: white;
	}

	table {
		border-collapse: collapse;
		
	}
	td{
		border:1px solid #e3e3e3!important
	}
	.box {
		width: 100%;
		height: 80px;
	}

	text {
		font-weight:bolder ;
		font-size: 15px;
		line-height: 80px;
		margin-left: 5%;
	}
	p{
		margin-left: 5%;
		color: #CCCCCC;
	}
	.box_1{
		width: 100%;
		height: 50px;
	}
	.two{
		line-height: 50px;
	}
</style>
